<h3 id="title">Register</h3>
{literal}
<script>
$(document).ready(function(){
   $("#blurb").charCounter(350);
});
</script>
{/literal}

<div id="registerForm">
<Form {$Form.attributes}>
<table width="100%" align="center" cellspacing="3px">
	<tr>
        <td align="right" valign="top">
        	<span style="color: #ff0000">*</span> 
            {$Form.loginName.label}
        </td>
        <td valign="top" align="left">
            {if $Form.loginName.error}<span class="errorMessage">
                {$Form.loginName.error}</span><br />
            {/if}
            {$Form.loginName.html}
        </td>
	</tr>
	<tr>
        <td align="right" valign="top">
        	<span style="color: #ff0000">*</span> 
            {$Form.userName.label}
        </td>
        <td valign="top" align="left">
            {if $Form.userName.error}<span class="errorMessage">
                {$Form.userName.error}</span><br />
            {/if}
            {$Form.userName.html}
        </td>
	</tr>
	<tr>
        <td align="right" valign="top">
        	<span style="color: #ff0000">*</span> 
            {$Form.userPassword.label}
        </td>
        <td valign="top" align="left">
            {if $Form.userPassword.error}<span class="errorMessage">
                {$Form.userPassword.error}</span><br />
            {/if}
            {$Form.userPassword.html}
        </td>
	</tr>
	<tr>
        <td align="right" valign="top">
        	<span style="color: #ff0000">*</span> 
            {$Form.userPassword2.label}
        </td>
        <td valign="top" align="left">
            {if $Form.userPassword2.error}<span class="errorMessage">
                {$Form.userPassword2.error}</span><br />
            {/if}
            {$Form.userPassword2.html}
        </td>
	</tr>
	
	<tr>
		<td valign="top" align="right">
            {$Form.blurb.label}
        </td>
    	<td valign="top" align="left">
            {$Form.blurb.html}
        </td>
	</tr>
	
	<tr>
		<td valign="top" align="right">
            {$Form.captcha_question.label}
        </td>
    	<td valign="top" align="left">
            {$Form.captcha_question.html}
        </td>
	</tr>
	
	<tr>
		<td valign="top" align="right">
            {$Form.captcha_input.label}
        </td>
    	<td valign="top" align="left">
    		{if $Form.captcha_input.error}<span class="errorMessage">
                {$Form.captcha_input.error}</span><br />
            {/if}
            {$Form.captcha_input.html}
        </td>
	</tr>
	
	<tr>
    	<td valign="top" align="left" colspan="2">
            {if $Form.chkAge.error}<span class="errorMessage">
                {$Form.chkAge.error}</span><br />
            {/if}
            {$Form.chkAge.html}
        </td>
	</tr>
	<tr>
    	<td valign="top" align="center" colspan="2">
    	{$Form.btnSubmit.html} {$Form.btnCancel.html}
        </td>
	</tr>
	
</table>

</form>
</div>
